html {
	background: rgb(0, 0, 0); height: 100%; overflow: hidden; font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}
body {
	background: rgb(0, 0, 0); height: 100%; overflow: hidden; font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp";
}
.header {
	transition:0.5s ease-in-out 0.4s; left: 0px; top: 0px; width: 100%; height: 80px; position: fixed; z-index: 5; box-shadow: none; -webkit-transition: all .5s ease-in-out .4s;
}
.header .wrapper {
	width: 1100px; height: 100%; overflow: hidden;
}
.header .logo {
	margin: 0px auto; padding: 0px; width: 140px; height: 100%;
}
.header a {
	padding: 0px 20px; transition:line-height 0.5s ease-in-out 0.6s; height: 74px; text-align: center; color: rgb(255, 255, 255); line-height: 90px; text-decoration: none; display: block; -webkit-transition: line-height .5s ease-in-out .6s;
}
.header .logo a {
	margin: 18px 0px 0px; padding: 0px; transition:max-height 2s ease-in-out; width: 100%; height: 100%; line-height: 0; overflow: hidden; max-height: 90px; -webkit-transition: max-height 2s ease-in-out 0;
}
.header .logo img {
	width: 100%;
}
.header ul {
	margin: 0px; left: 0px; top: 0px; height: 100%; position: absolute;
}
.header ul li {
	margin: 0px 25px; height: 100%; font-size: 22px; float: left; box-sizing: border-box;
}
.header ul li .line {
	margin: 0px auto; transition:0.5s; width: 70px; height: 6px; -webkit-transition: all .5s;
}
.header ul.right {
	left: auto; right: 0px;
}
.header ul.right li {
	margin: 0px 10px;
}
.header ul li.active .line {
	background-color: rgb(239, 72, 66);
}
.header-black {
	background: rgb(239, 72, 66); height: 60px;
}
.header-black ul li.active .line {
	background-color: rgb(255, 255, 255);
}
.header-black a {
	height: 54px; line-height: 60px;
}
.header-black .logo a {
	transition:max-height 1s ease-in-out; max-height: 29px; -webkit-transition: max-height 1s ease-in-out 0;
}
#page {
	width: 100%; height: 100%; position: relative; z-index: 1;
}
.page {
	width: 100%; height: 100%; position: relative; z-index: 1;
}
.page h1 {
	padding: 80px 0px 0px; text-align: center; font-family: "Helvetica Neue",Helvetica,tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp"; font-size: 36px; font-weight: 300; position: relative; z-index: 500;
}
.animate#page {
	transition:transform 1s; -moz-transition: -moz-transform 1s ease; -webkit-transition: -webkit-transform 1s ease; -o-transition: -o-transform 1s ease;
}
.absolute.page {
	top: 0px; display: none; position: absolute;
}
#page-indicator {
	top: 42%; width: 20px; right: 60px; position: absolute; z-index: 100;
}
#page-indicator li {
	margin: 3px 0px;
}
#page-indicator li a {
	padding: 6px 5px; text-decoration: none; display: block; position: relative; z-index: 1;
}
#page-indicator li.current a {
	padding: 4px 5px;
}
#page-indicator .dot {
	margin: auto; border-radius: 50%; width: 5px; height: 5px; display: block; background-color: rgb(170, 170, 170); -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
#page-indicator li.current .dot {
	border: 1px solid rgb(170, 170, 170); border-image: none; width: 9px; height: 9px; background-color: transparent;
}
#page-indicator .text {
	transition:opacity 0.3s linear; top: 0px; right: 24px; color: rgb(170, 170, 170); white-space: nowrap; position: absolute; opacity: 0; -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear;
}
#page-indicator li a:hover .text {
	opacity: 1;
}
#page-indicator li a:focus .text {
	opacity: 1;
}
#pageDrawer {
	left: 100%; top: 43%; width: 26px; height: 120px; margin-left: -26px; position: fixed; z-index: 10;
}
#pageDrawer a {
	padding: 18px 8px; border-radius: 5px 0px 0px 5px; font-weight: bold; display: block;
}
.page-banner {
	left: 50%; top: 50%; width: 960px; height: 380px; margin-top: -190px; margin-left: -480px; position: absolute;
}
.p-banner {
	left: 50%; top: 50%; position: absolute;
}